﻿@model TumbaloSoft.Models.Cuota
@{
    ViewBag.Title = "RegistrarCuota";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
    if (ViewBag.permiso == 1)
    {
        Layout = "~/Views/Shared/_PropietarioLayout.cshtml";    
    }
}
<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
			    .text(t)
			    .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")

		    .click(function () {
		        $("#dialog-form").dialog("open");
		    });
    });

</script>

<script>
    function nuevafila() {
        var table = document.getElementById("indice");

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "text";
        element1.name = "conceptos";
        cell1.appendChild(element1);

        var cell2 = row.insertCell(1);
        var element2 = document.createElement("input");
        element2.type = "text";
        element2.name = "subtotales";
        cell2.appendChild(element2);

        var cell3 = row.insertCell(2);
        var element3 = document.createElement("input");
        element3.name = "seleccion";
        element3.type = "checkbox";
        cell3.appendChild(element3);

    }

    function is_int(value) {
        if ((parseFloat(value) == parseInt(value)) && !isNaN(value)) {
            return true;
        } else {
            return false;
        }
    }
    function submitTable() {
        try {
            var table = document.getElementById("indice");
            var rowCount = table.rows.length;
            if ("" == document.getElementById("prDepartamento_prEdificio_prIdEdificio").value || !is_int(document.getElementById("prDepartamento_prEdificio_prIdEdificio").value) || document.getElementById("prDepartamento_prEdificio_prIdEdificio").value < 0) {
                alert("No tiene un edificio asignado");
                return;
            }
            if ("EXTRAORDINARIA" == document.getElementById("prTipo").value && (1 == document.getElementById("extension").value)) {
                if (!is_int(document.getElementById("prDepartamento_prNumeroDepartamento").value) || document.getElementById("prDepartamento_prNumeroDepartamento").value < 0) {
                    alert("El numero de departamento tiene que ser un numero entero positivo");
                    return;
                }
            }

            for (var i = 1; i < rowCount; i++) {
                var row = table.rows[i];
                var chkbox = row.cells[2].firstChild;
                if (null == chkbox || false == chkbox.checked) {
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }
                else {
                    var inputNum = row.cells[1].firstChild;
                    var monto = inputNum.value;
                    var inputConcepto = row.cells[0].firstChild;
                    var concepto = inputConcepto.value;
                    if (null == concepto || "" == concepto) {
                        alert("Debe poner una descripcion en la fila " + i);
                        return;
                    } else if (1 == concepto.length) {
                        alert("La descripcion debe tener más de un caracter");
                        return;
                    }
                    if (isNaN(monto)) {
                        alert("El monto debe ser un numero en la fila " + i);
                        return;
                    }
                    if (monto < 0) {
                        alert("El monto debe ser mayor que cero en la fila " + i);
                        return;
                    }
                }
            }
            if (rowCount == 1) {
                alert("Ingrese lineas al detalle de la cuota");
                return;
            }
            if (document.getElementById("prTipo").value == "FIJA" && document.getElementById("incluyeContrato").value == "0") {
                alert("Debe registrar los datos del contrato de mantenimiento");
                return;
            }
            if (document.getElementById("prTipo").value != "EXTRAORDINARIA" && document.getElementById("prDepartamento_prEdificio_prIdEdificio").value != document.getElementById("edificioDelContrato").value) {
                alert("Los datos de contrato de mantenimiento no coinciden con el edificio seleccionado");
                return;
            }
        } catch (e) {
            alert(e);
        }
        document.getElementById("form1").submit();
    }

    function AgregarContrato() {
        if ("" == document.getElementById("prDepartamento_prEdificio_prIdEdificio").value || !is_int(document.getElementById("prDepartamento_prEdificio_prIdEdificio").value) || document.getElementById("prDepartamento_prEdificio_prIdEdificio").value < 0) {
            alert("El Id del edificio debe ser un entero positivo");
            return;
        }
        if (document.getElementById("prTipo").value == "FIJA" || document.getElementById("prTipo").value == "PRORRATEO") {
            document.getElementById("incluyeContrato").value = "0";
            document.getElementById("pideContrato").value = "1";
            document.getElementById("form1").submit();
        } else {
            alert("Solo se pueden agregar lineas del contrato de mantenimiento en cuota fija y prorrateo");
        }

    }
</script>
<script>
    function extrardinariaCheck() {
        if ("EXTRAORDINARIA" == document.getElementById("prTipo").value) {
            document.getElementById("NumDepa").style.visibility = 'visible';
            document.getElementById("ext").style.visibility = 'visible';
            document.getElementById("tablaLineasCuota").style.marginTop = "";
        }
        else {
            document.getElementById("NumDepa").style.visibility = 'collapse';
            document.getElementById("ext").style.visibility = 'collapse';
            document.getElementById("tablaLineasCuota").style.marginTop = "-120px";
        }
    }

    function depaCheck() {
        if (1 == document.getElementById("extension").value) {
            document.getElementById("prDepartamento_prNumeroDepartamento").disabled = false;
        }
        else {
            document.getElementById("prDepartamento_prNumeroDepartamento").disabled = true;
        }
    }
</script>

<script>
    function depa() {
        if (!(document.getElementById("errorDepa").value == ""))
            alert("El numero de departamento ingresado no existe");
    }
    function sugerir() {
        if ("" == document.getElementById("prDepartamento_prEdificio_prIdEdificio").value || !is_int(document.getElementById("prDepartamento_prEdificio_prIdEdificio").value) || document.getElementById("prDepartamento_prEdificio_prIdEdificio").value < 0) {
            alert("El Id del edificio debe ser un entero positivo");
            return;
        }
        document.getElementById("pideSugerencia").value = 1;
        document.getElementById("form1").submit();
    }
</script>

<script>
    function limpiar() {
        var tabla=document.getElementById("indice");
        
        tabla.innerHTML = "<tr><th>Concepto</th><th>Monto</th><th>Seleccionar</th></tr>";

    }
</script>
<!-- content -->

<div class="body2">
    <div class="main">
        <section id="content" style="padding-bottom: 20px;">
            <div class="wrapper">
                <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->


                <article class="col1" style="width: 730px">
                    <!--dentro de div pad2 trabajare mi formulario -->
                    <div class="pad2">
                        <h2 class="pad_bot1 pad_top1">Generar cuota por edificio: </h2>

                        <form id="form1" method="post" action="RegistrarCuota">
                            <input type="hidden" id="pideSugerencia" name="pideSugerencia" value="0" />
                            <input type="hidden" id="pideContrato" name="pideContrato" value="0" />
                            @if (ViewBag.CuotaYaRegistrada != null)
                            {
                                <h2>@ViewBag.CuotaYaRegistrada</h2>
                            }
                            @if (ViewBag.incluyeContrato == null)
                            {
                                <input type="hidden" name="incluyeContrato" id="incluyeContrato" value="0" />
                            }
                            else
                            {
                                <input type="hidden" name="incluyeContrato" id="incluyeContrato" value="1" />
                            }
                            @if (ViewBag.edificioDelContrato != null)
                            {
                                <input type="hidden" name="edificioDelContrato" id="edificioDelContrato" value="@ViewBag.edificioDelContrato" />
                            }
                            else
                            {
                                <input type="hidden" name="edificioDelContrato" id="edificioDelContrato" />
                            }

                            <div class="wrapper">
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Edificio:</span>
                                    <br>
                                    @if (ViewBag.listaEdificios != null)
                                    {
                                        <select name="prDepartamento.prEdificio.prIdEdificio" id="prDepartamento_prEdificio_prIdEdificio">
                                            @foreach (TumbaloSoft.Models.Edificio edificio in @ViewBag.listaEdificios)
                                            {
                                                if (ViewBag.idEdificio != null)
                                                {
                                                    if (edificio.prIdEdificio == ViewBag.idEdificio)
                                                    {
                                                <option value="@edificio.prIdEdificio" selected="selected">@edificio.prNombre</option>
                                                    }else{
                                                <option value="@edificio.prIdEdificio">@edificio.prNombre</option>
                                                    }
                                                }
                                            }
                                        </select>
                                    }
                                    else
                                    {
                                        <input name="prDepartamento.prEdificio.prIdEdificio" id="prDepartamento_prEdificio_prIdEdificio" value="No tiene edificio asignado" readonly="readonly" />
                                    }
                                    <br>
                                    <a href="javascript:AgregarContrato()">Agregar lineas por contrato de mantenimiento (solo en cuota fija y prorrateo)</a>
                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Sugerencia de cuota (Basada en gastos comunes del mes pasado)</span>
                                        <br>
                                    @if (ViewBag.sugerencia != null){
                                        <input name="sugerencia" id="sugerencia" value="@ViewBag.sugerencia.ToString("0.00")" readonly="readonly"/>
                                    }else {
                                        <input name="sugerencia" id="sugerencia" value="0" readonly="readonly"/>
                                    }
                                    <a href="javascript:sugerir()">Sugerir</a>

                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Tipo de Cuota</span>
                                    <br>
                                    <select id="prTipo" name="prTipo" onchange="javascript:extrardinariaCheck()">
                                        @if (ViewBag.lastTipo != null && ViewBag.lastTipo == 1)
                                        {
                                        <option value="FIJA" selected="selected">CUOTA FIJA (UNICA)
                                        </option>
                                        }else{
                                        <option value="FIJA">CUOTA FIJA (UNICA)
                                        </option> 
                                        }
                                        @if (ViewBag.lastTipo != null && ViewBag.lastTipo == 2)
                                        {
                                        <option value="PRORRATEO" selected="selected">CUOTA AL PRORRATEO
                                        </option>
                                        }else{
                                        <option value="PRORRATEO">CUOTA AL PRORRATEO
                                        </option>   
                                        }
                                        <option value="EXTRAORDINARIA">CUOTA EXTRAORDINARIA
                                        </option>
                                    </select>
                                </div>
                                <div class="wrapper" id="ext" style="visibility: hidden">
                                    <span>
                                        <br>
                                        Extension de la cuota</span>
                                    <br>
                                    <select id="extension" name="extension" onchange="javascript:depaCheck()">
                                        <option value="1">Por Departamento
                                        </option>
                                        <option value="2">Por Edificio
                                        </option>
                                    </select>
                                </div>
                                <div class="wrapper" id="NumDepa" style="visibility: hidden">
                                    <span>
                                        <br>
                                        Numero de Departamento</span>
                                    <br>
                                    <input id="prDepartamento_prNumeroDepartamento" name="prDepartamento.prNumeroDepartamento" type="text" />
                                    <label>@ViewBag.errorDepa</label>
                                </div>
                                <h3 id="tablaLineasCuota" style="margin-top: -120px;">Concepto de cuota (Valores Totales por Edificio): </h3>
                                <table border="0" id="indice">
                                    <tr>
                                        <th>Concepto</th>
                                        <th>Monto</th>
                                        <th>Seleccionar</th>
                                    </tr>
                                    @if (ViewBag.lineaCuotaxContrato != null)
                                    {
                                        foreach (var linea in ViewBag.lineaCuotaxContrato)
                                        {
                                        <tr>
                                            <td><input type="text" name="conceptos"  value="@linea.prDescripcion" /></td>
                                            <td><input type="text" name="subtotales"  value="@linea.prMonto" /></td>
                                            <td><input type="checkbox" name="seleccion" readonly="readonly" checked="checked" onclick="javascript:return false;"/></td>
                                        </tr>
                                        }
                                    }
                                </table>
                                <a href="javascript:nuevafila()">
                                    <img src="../Content/site/images/icono_nuevo.png" /></a>

                            </div>
                            <table style="width: 100%">
                                <tr>
                                    <td style="width: 33%; text-align: center"><a href="javascript:submitTable()" class="button">Registrar</a></td>
                                    <td style="width: 33%; text-align: center"><a href="#" class="button" onclick="javascript:limpiar()">Limpiar</a></td>
                                    @if (ViewBag.permiso == 2) {<td style="width: 34%; text-align: center"><a href="../PerfilAdministrador" class="button" onclick="document.getElementById('form_1').cancel()">Cancelar</a></td>}
                                     else if (ViewBag.permiso == 3) {<td style="width: 34%; text-align: center"><a href="../PerfilAdministradorGeneral" class="button" onclick="document.getElementById('form_1').cancel()">Cancelar</a></td>}
                                </tr>
                            </table>
                        </form>
                    </div>
                    <br />
                </article>
            </div>

        </section>
    </div>
</div>

<!-- / content -->

<script type="text/javascript"> Cufon.now(); </script>

</body>
